<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/manwei.css" />
	<script src="js/jquery-1.12.4.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>

<body>
	<!--导航条-->
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<img src="img/漫威LOGO1.jpeg" />&nbsp;&nbsp;&nbsp;
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active">
						<a href="#">漫威 <span class="sr-only">(current)</span></a>
					</li>
					<li>
						<a href="#">简介</a>
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#">说明</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
							aria-expanded="false">更多内容 <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li>
								<a href="#">漫威角色介绍</a>
							</li>
							<li>
								<a href="#">漫威电影</a>
							</li>
							<li>
								<a href="#">漫威电影海报图集</a>
							</li>
							<li role="separator" class="divider"></li>
							<li>
								<a href="#">粉丝推荐</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!--轮播-->

	<!-- <div class="col-md-12 banner">
		<div class="carousel slide" id="carousel-example-generic" data-ride="carousel" data-interval="1500">
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
			</ol>
			<div class="carousel-inner banner">
				<div class="item active">
					<img src="img/轮播5.jpeg">
				</div>
				<div class="item">
					<img src="img/轮播5.jpeg">
				</div>
				<div class="item">
					<img src="img/轮播5.jpeg">
				</div>
				<div class="item">
					<img src="img/轮播5.jpeg">
				</div>
			</div>
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>
	</div> -->
	<!--图展-->
	<div id="" class="container page-header">
		<div class="row text-center">
			<div class="col-md-12 col-xs-12">

				<h2>漫威角色展 </h2>
			</div>
		</div>
	</div>
	<div class="row text-center pad-top">
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/冬兵.jpeg" class="img-responsive " alt="" />
			</a>
			<h3>冬兵</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/万磁王1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>万磁王</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/奇异博士.jpg" class="img-responsive " alt="" />
			</a>
			<h3>奇异博士</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/奥创1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>奥创</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/尼克福瑞1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>尼克福瑞</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/幻视1.jpeg" class="img-responsive " alt="" />
			</a>
			<h3>幻视</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/惊奇队长.png" class="img-responsive " alt="" />
			</a>
			<h3>惊奇队长</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/死侍.jpg" class="img-responsive " alt="" />
			</a>
			<h3>死侍</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/毁灭博士.jpg" class="img-responsive " alt="" />
			</a>
			<h3>毁灭博士</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/洛基.jpg" class="img-responsive " alt="" />
			</a>
			<h3>洛基</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/灭霸.jpg" class="img-responsive " alt="" />
			</a>
			<h3>灭霸</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/猎鹰1.png" class="img-responsive " alt="" />
			</a>
			<h3>猎鹰</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/猩红女巫1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>猩红女巫</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/红骷髅.png" class="img-responsive " alt="" />
			</a>
			<h3>红骷髅</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/绿巨人.jpg" class="img-responsive " alt="" />
			</a>
			<h3>绿巨人</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/美国队长1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>美国队长</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/蚁人1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>蚁人</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2" id="zzx">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/蜘蛛侠.jpg" class="img-responsive " alt="" />
			</a>
			<h3>蜘蛛侠</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/金刚狼.jpg" class="img-responsive " alt="" />
			</a>
			<h3>金刚狼</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/钢铁侠.jpg" class="img-responsive " alt="" />
			</a>
			<h3>钢铁侠</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/雷神1.jpg" class="img-responsive " alt="" />
			</a>
			<h3>雷神</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/鹰眼.jpg" class="img-responsive " alt="" />
			</a>
			<h3>鹰眼</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/黑寡妇.jpg" class="img-responsive " alt="" />
			</a>
			<h3>黑寡妇</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
		<div class="col-md-3  col-xs-4 col-lg-2">
			<a href="#t1" data-toggle="modal">
				<img data-lazy-src="img/黑豹1.jpeg" class="img-responsive " alt="" />
			</a>
			<h3>黑豹</h3>
			<span><a href="#" class="btn btn-primary" role="button">详细介绍</a></span>
			<span class=""><a href="#" class="btn btn-default" role="button">超清壁纸</a></span>
			</p>
		</div>
	</div>
	<script src="js/EasyLazyload.min.js"></script>
	<script>
		lazyLoadInit({
			showTime: 500,
			onLoadBackEnd: function (i, e) {
				console.log("onLoadBackEnd:" + i);
			},
			onLoadBackStart: function (i, e) {
				console.log("onLoadBackStart:" + i);
			}
		});
	</script>
</body>

</html>